<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>米圈</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/miquan.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2901955_rz03wuc9azj.css">
    <style>
        html{
            font-size: calc(100vw/375*100);
        }
    </style>
</head>
<body>
    <header>
        <div class="header-b">
            <div class="header-left">
                <img src="./img/米圈/t.png" alt="">
            </div>
            <div class="header-center">
                    <a href="#">关注</a>
                    <a href="#" style="color: #333;">推荐
                        <div class="z"></div>
                    </a>
                    <a href="#">摄影</a>
                    <a href="#">小米Civi</a>
                    <a href="#">智慧生活</a>
                    <a href="#">发布回顾</a>
            </div>
        </div>
        <div class="header-right"></div>
    </header>
    <div class="box">
        <div class="box1">
            <section>
                <div class="name">
                    <img src="./img/米圈/tx.jpg" alt="">
                    <div class="user">三生.</div>
                    <div class="g"></div>
                </div>
                <div class="content">
                    说实话  我是一个等等党  大学开学有一段时间了 今年笔记本市场水太浑  本来想等国庆看看价格  结...
                </div>
                <div class="img">
                    <div class="t t1">
                        <img src="./img/米圈/1.jpg" alt="">
                    </div>
                    <div class="t">
                        <img src="./img/米圈/3.jpg" alt="">
                    </div>
                    <div class="t t2">
                        <img src="./img/米圈/3.jpg" alt="">
                    </div>
                </div>
                <div class="cm">
                    是啊，这手机太好用了，也就是随身带着充电器，放兜里还得防止烫伤，宣传广告和实际不符，也就店大了，顾客多了，顾客意见也就不用管了，一直搪...
                </div>
                <div class="card">
                    <a href="#"><i class="iconfont icon-fenxiang"></i></a>
                    <a href="#"><i class="iconfont icon-huifu"></i></a>
                    <a href="#"><i class="iconfont icon-dianzan"></i></a>
                </div>
            </section>
        </div>
        <div class="box1">
            <section>
                <div class="name">
                    <img src="./img/米圈/t1.png" alt="">
                    <div class="user">小东</div>
                    <div class="g"></div>
                </div>
                <div class="content">
                    下图从左往右依次是readmik30至尊版(天肌1000cpu)与readminot11pro及小米10S与...
                </div>
                <div class="img">
                    <div class="t t1">
                        <img src="./img/米圈/4.jpg" alt="">
                    </div>
                    <div class="t">
                        <img src="./img/米圈/5.jpg" alt="">
                    </div>
                    <div class="t t2">
                        <img src="./img/米圈/6.jpg" alt="">
                    </div>
                </div>
                <div class="cm">
                    是啊，这手机太好用了，也就是随身带着充电器，放兜里还得防止烫伤，宣传广告和实际不符，也就店大了，顾客多了，顾客意见也就不用管了，一直搪...
                </div>
                <div class="card">
                    <a href="#"><i class="iconfont icon-fenxiang"></i></a>
                    <a href="#"><i class="iconfont icon-huifu"></i></a>
                    <a href="#"><i class="iconfont icon-dianzan"></i></a>
                </div>
            </section>
        </div>
        <div class="box1">
            <section>
                <div class="name">
                    <img src="./img/米圈/t1.png" alt="">
                    <div class="user">没名</div>
                    <div class="g"></div>
                </div>
                <div class="content">
                    外形外观：质感相当好运行速度：性价比很高，作为以办公便携为主的小本，这速度足以媲美1W以...
                </div>
                <div class="img">
                    <div class="t t1">
                        <img src="./img/米圈/7.jpg" alt="">
                    </div>
                    <div class="t">
                        <img src="./img/米圈/8.jpg" alt="">
                    </div>
                    <div class="t t2">
                        <img src="./img/米圈/9.jpg" alt="">
                    </div>
                </div>
                <div class="cm">
                    是啊，这手机太好用了，也就是随身带着充电器，放兜里还得防止烫伤，宣传广告和实际不符，也就店大了，顾客多了，顾客意见也就不用管了，一直搪...
                </div>
                <div class="card">
                    <a href="#"><i class="iconfont icon-fenxiang"></i></a>
                    <a href="#"><i class="iconfont icon-huifu"></i></a>
                    <a href="#"><i class="iconfont icon-dianzan"></i></a>
                </div>
            </section>
        </div>
    </div>
    <div class="foot-nav">
        <a href="./index.html">
            <div class="index"><img src="./img/底部导航/1.png" alt=""></div>
            <p class="index-text">首页</p>
        </a>
        <a href="./typelist.html">
                <div>
                    <img src="./img/底部导航/2.png" alt="">
                </div>
                <p>分类</p>
        </a>
        <a href="./miquan.html">
            <div>
                <img src="./img/底部导航/3.png" alt="">
            </div>
            <p>米圈</p>
        </a>
        <a>
            <div>
                <img src="./img/底部导航/4.png" alt="">
            </div>
            <p>购物车</p>
        </a>
        <a>
            <div>
                <img src="./img/底部导航/5.png" alt="">
            </div>
            <p>我的</p>
        </a>

    </div>
</body>
</html>